iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
Mobile Development

從開發瀏覽器 APP 學習 Android 實戰技巧,並搭上 Jetpack Compose 的列車系列 第 2

[Day2] 從開發瀏覽器 APP 學習實戰技巧 -- 將網頁畫面由黑轉白

  • 分享至 

  • xImage
  •  

鐵人賽的第二天,先來點篇幅短的開胃菜,暖暖身。

在使用 EinkBro 時,常會遇到網頁背景是黑色的,最常見的應該就是在開啟 ptt 的文章時。由於電子紙的特性,在黑底白字的使用場景下,很容易就會產生很多殘影,需要更頻繁地重新更新畫面。

為此,我為 EinkBro 加上了將畫面轉為白底黑字的功能。這個功能的實作,其實沒有什麼特別的地方,主要是在選單中增加一個新的按鈕,可以透過它來切換這功能。而啟動這功能則是在 WebView 中加入自定義好的 CSS style。下面是部分的 CSS 程式碼:
https://ithelp.ithome.com.tw/upload/images/20220915/201402606vgE907mEx.png
下面是判斷 config 中的設定直,來決定是不是要套入 whiteBackgroundCss。
https://ithelp.ithome.com.tw/upload/images/20220915/20140260jcYYIOpHnM.png

完整的 commit,可以參考這個連結

示範影片:

Yes


上一篇
[Day1] 從開發瀏覽器 APP 學習實戰技巧 -- 總覽:承先啟後
下一篇
[Day3] 從開發瀏覽器 APP 學習實戰技巧 -- Android 必備組合技: Room + Flow + ViewModel
系列文
從開發瀏覽器 APP 學習 Android 實戰技巧,並搭上 Jetpack Compose 的列車31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言